.emr-template-component-container {
    font-size: 14px;
    color: #575d6a
}

.emr-template-component-container .component-category-box {
    background: #fff;
    font-size: 14px;
    color: #575d6a;
    float: left;
    width: 300px
}

.emr-template-component-container .component-content-box {
    background: #fff;
    font-size: 14px;
    color: #575d6a;
    height: 500px;
    width: calc(100% - 300px);
    float: right
}

.emr-template-component-container .component-content-box .component-title-box {
    height: 38px;
    border: 1px solid #e3e3e3;
    width: calc(100% - 20px);
    text-align: center;
    color: #9397a2;
    line-height: 35px;
    margin-left: 10px
}

.emr-template-component-container .component-content-box .component-title-box .component-title-btn {
    border: 1px solid #00a6c9;
    background-color: #00a6c9;
    color: #fff;
    float: right;
    padding: 2px 15px;
    line-height: normal;
    margin-top: 5px;
    margin-right: 10px
}

.emr-template-component-container .component-content-box .component-library-box {
    border: 1px solid #ebebeb;
    height: 120px;
    width: calc(100% - 20px);
    padding: 8px;
    margin: 10px
}

.emr-template-component-container .component-content-box .component-library-box .component-library-head {
    margin-bottom: 8px;
    text-align: left
}

.emr-template-component-container .component-library-btn {
    border: 1px solid #e3e3e3;
    background-color: #fff;
    font-size: 14px;
    color: #00a6c9;
    letter-spacing: 0;
    margin-right: 5px;
    padding: 5px 10px;
    margin-bottom: 10px
}

.emr-template-component-container .component-library-btn:hover {
    border: 1px solid #00a6c9 !important;
    background-color: #00a6c9 !important;
    color: #fff !important
}

.emr-template-layout-field-tree-view {
    border: 1px solid #ebebeb;
    margin-bottom: 10px
}

.emr-template-layout-field-tree-view .all-component-box {
    border: 1px solid #ebebeb;
    position: absolute;
    margin: 50px 0 10px -38px;
    line-height: 30px;
    width: 299px;
    background-color: #fff;
    float: left;
    z-index: 2
}

.emr-template-layout-field-tree-view .all-component-box .jiantou {
    width: 10px;
    height: 10px;
    border: 1px solid #ebebeb;
    border-bottom: none;
    border-right: none;
    position: absolute;
    right: 55px;
    margin-top: -6px;
    transform: rotate(45deg);
    background-color: #fff
}

.emr-template-layout-field-tree-view .child-edit-close-btn {
    height: 28px;
    width: 32px;
    float: right;
    text-align: center;
    line-height: 28px;
    color: #00a6c9;
    cursor: pointer
}

.emr-template-layout-field-tree-view .child-edit-ok-btn {
    height: 29px;
    width: 32px;
    float: right;
    text-align: center;
    line-height: 28px;
    background-color: #00a6c9;
    color: #fff;
    margin-top: -1px;
    cursor: pointer
}

.emr-template-layout-field-tree-view .root-group-list {
    width: 298px
}

.emr-template-layout-field-tree-view .root-group-list .root-group-item {
    list-style-type: none;
    line-height: 40px;
    cursor: pointer
}

.emr-template-layout-field-tree-view .root-group-list .root-group-item .root-group-item-box {
    padding-left: 10px;
    padding-right: 10px
}

.emr-template-layout-field-tree-view .root-group-list .root-group-item .root-group-item-box .item-title {
    width: calc(100% - 35px);
    float: left
}

.emr-template-layout-field-tree-view .root-group-list .root-group-item .root-group-item-box .item-btn-box {
    width: 35px;
    float: right
}

.emr-template-layout-field-tree-view .root-group-list .root-group-item .root-group-child-box .child-item {
    cursor: pointer;
    width: 100%
}

.emr-template-layout-field-tree-view .root-group-list .root-group-item .root-group-child-box .child-item:hover {
    color: #00a6c9 !important
}

.emr-template-layout-field-tree-view .root-group-list .root-group-item .root-group-child-box .child-item .child-item-box {
    padding-left: 25px;
    font-size: 13px;
    line-height: 32px;
    height: 32px
}

.emr-template-layout-field-tree-view .root-group-list .root-group-item .root-group-child-box .child-item .child-item-box .child-item-title {
    width: calc(100% - 100px);
    float: left
}

.emr-template-layout-field-tree-view .root-group-list .root-group-item .root-group-child-box .child-item .child-item-box .child-item-btn-box {
    width: 25px;
    float: right;
    text-align: center
}

.emr-template-layout-field-tree-view .root-group-list .root-group-item .child-item-active {
    background-color: #e5f7f7 !important;
    color: #00a6c9 !important
}

.emr-template-layout-field-tree-view .child-group-list {
    font-size: 14px;
    color: #575d6a;
    padding-left: 10px
}

.emr-template-layout-field-tree-view .child-group-list li {
    list-style-type: none;
    line-height: 30px;
    height: 30px;
    cursor: pointer
}

.component-common-style {
    border: 1px solid #ebebeb;
    padding: 5px;
    margin: 0 10px 10px
}

.component-common-style .common-input {
    max-width: 600px;
    width: 600px
}

.component-common-style .common-readonly-div {
    background-color: #f3f7f7;
    border: 1px solid #ebebeb;
    width: 160px;
    height: 32px;
    line-height: 30px;
    padding-left: 10px
}

.component-common-style .content-table {
    width: 100%;
    font-size: 13px
}

.component-common-style .content-table .content-table-title {
    padding: 0 9px;
    height: 28px;
    line-height: 28px;
    color: #575d6a
}

.component-common-style .content-table .content-table-row {
    margin-top: 10px
}

.component-common-style .content-table .content-table-row .item-title {
    margin-right: 10px;
    height: 20px;
    text-align: right;
    min-width: 60px
}

.component-common-style .content-table .content-table-btns {
    margin-top: 10px
}

.component-common-style .content-table .content-table-btns button {
    margin-right: 10px
}

.component-common-style .content-table .content-table-tr {
    height: 45px
}

.component-common-style .content-table .content-table-tr td {
    text-align: left
}

.component-common-style .content-table .content-table-tr .label-name-td {
    width: 100px;
    text-align: right
}

.component-common-style .content-table .content-table-tr .add-child-btn {
    border: none;
    font-size: 14px;
    color: #00a6c9;
    background: none
}

.component-common-style .content-table .content-table-tr .color-red {
    color: red;
    vertical-align: middle
}

.component-common-style .save-btn {
    border: 1px solid #00a6c9;
    background-color: #00a6c9;
    color: #fff
}

.component-common-style .reset-btn {
    border: 1px solid #00a6c9;
    background-color: #fff;
    color: #00a6c9
}

.component-common-style .del-btn {
    border: 1px solid #e3e3e3;
    background-color: #fff;
    color: #575d6a
}

.emr-template-config-view table {
    width: 100%
}

.emr-template-config-view .template-content-box {
    margin-left: 260px
}

.emr-template-config-view .template-content-box .template-content-title-box {
    height: 38px;
    line-height: 35px;
    border: 1px solid #e3e3e3;
    padding: 0 10px
}

.emr-template-config-view .template-type-list-box {
    width: 250px;
    min-height: 500px;
    border: 1px solid #ebebeb;
    float: left
}

.emr-template-config-view .template-title-box {
    width: 100%;
    font-size: 13px;
    color: #575d6a;
    cursor: pointer;
    padding-left: 25px
}

.emr-template-config-view .template-title-box:hover {
    color: #00a6c9 !important
}

.emr-template-config-view .child-edit-close-btn {
    height: 28px;
    width: 32px;
    float: right;
    text-align: center;
    line-height: 28px;
    color: #00a6c9;
    cursor: pointer
}

.emr-template-config-view .child-edit-ok-btn {
    height: 29px;
    width: 32px;
    float: right;
    text-align: center;
    line-height: 28px;
    background-color: #00a6c9;
    color: #fff;
    margin-top: -1px;
    cursor: pointer
}

.emr-template-config-view .template-title-table-active {
    color: #00a6c9 !important;
    background-color: #e5f7f7
}

.emr-template-config-view .template-component-box {
    width: 220px;
    min-height: 500px;
    border: 1px solid #e3e3e3;
    border-top: none;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px
}

.emr-template-config-view .template-component-detail-box {
    margin-left: 230px;
    min-height: 500px;
    margin-top: 10px
}

.emr-template-config-view .component-dialog {
    width: 650px;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    position: absolute;
    margin-top: -36px;
    margin-left: 218px;
    z-index: 10
}

.emr-template-component-container .template-select-district,
#previewContent .template-select-district {
    display: none
}

.emr-template-component-container .emr-field-content .operation-btn,
#previewContent .emr-field-content .operation-btn {
    display: none
}

.emr-template-component-container .emr-field-content td button,
#previewContent .emr-field-content td button {
    display: none
}

.medical-record-text-body label {
    font-weight: normal
}

.medical-record-text-body .emr-chief-complaint .emr-field-content textarea,
.medical-record-text-body .emr-history .emr-field-content textarea,
.medical-record-text-body .emr-past-history .emr-field-content textarea,
.medical-record-text-body .emr-advice .emr-field-content textarea,
.medical-record-text-body .emr-comment .emr-field-content textarea,
.medical-record-text-body .emr-free-text .emr-field-content textarea {
    margin: 0 39px;
    width: 91%;
    min-width: 91%;
    height: auto
}

.medical-record-text-body .emr-oral-check-records .emr-field-content textarea,
.medical-record-text-body .emr-cure-records .emr-field-content textarea,
.medical-record-text-body .emr-diagnose-records .emr-field-content textarea,
.medical-record-text-body .emr-radiology-check-records .emr-field-content textarea,
.medical-record-text-body .emr-treatment-advices .emr-field-content textarea,
.medical-record-text-body .emr-treatment-plans .emr-field-content textarea {
    margin: 0 0;
    width: 96%;
    min-width: 96%;
    height: auto
}

.medical-record-text-body .emr-free-radio .emr-field-content .radio-group {
    display: inline-block;
    margin-right: 50px;
    vertical-align: middle
}

.medical-record-text-body .emr-free-checkbox .emr-field-content .checkbox-group {
    display: inline-block;
    margin-right: 50px;
    vertical-align: middle
}

#previewContent.medical-record-text-body .emr-level-0-group-title,
#previewContent.medical-record-text-body .emr-level-0-title {
    width: 104px;
    height: 28px;
    background-color: #00a8cb;
    text-align: center;
    line-height: 28px;
    color: #fff
}

#previewContent.medical-record-text-body .emr-level-0-group-content,
#previewContent.medical-record-text-body .emr-level-0-content {
    background-color: #f7f7f7;
    border: 1px solid #e3e3e3;
    padding: 12px 12px;
    margin-bottom: 15px
}

.medical-record-text-body .emr-field-content .emr-enable-when.emr-free-number {
    display: inline-block;
    margin-left: -50px;
    vertical-align: middle
}

.medical-record-text-body .emr-level-1-group-content div.emr-level-2 {
    padding: 6px 12px
}

.medical-record-text-body .emr-level-1-title,
.medical-record-text-body .emr-level-2-title,
.medical-record-text-body .emr-level-3-title {
    vertical-align: middle;
    display: table-cell;
    min-width: 50px
}

.medical-record-text-body .emr-level-1-content,
.medical-record-text-body .emr-level-2-content,
.medical-record-text-body .emr-level-3-content {
    vertical-align: middle;
    display: table-cell
}

.medical-record-text-body .emr-free-text .emr-level-2-content.emr-field-content textarea {
    margin: 0 0;
    width: 96%;
    min-width: 96%;
    height: auto
}

.medical-record-text-body .enable-when.emr-free-text .emr-level-2-content,
.medical-record-text-body .emr-free-text .emr-level-2-content {
    display: block
}

.medical-record-text-body .emr-named-picture.emr-level-1,
.medical-record-text-body .emr-named-picture.emr-level-2,
.medical-record-text-body .emr-named-picture.emr-level-3 {
    display: inline-block
}

.placeholders {
    margin-bottom: 30px;
    text-align: center
}

.placeholders h4 {
    margin-bottom: 0
}

.placeholder {
    margin-bottom: 20px
}

.placeholder img {
    display: inline-block;
    border-radius: 50%
}

.navitemborder {
    border-bottom: 1px solid #eee
}

.treeviewContainer {
    padding-left: 0 !important
}

.charge-item-edit-modal-wrap.modal-container {
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    height: auto;
    width: 781px
}

.charge-item-edit-modal-wrap .charge-item-edit.has-product-list {
    margin-left: 80px
}

.charge-item-edit-modal-wrap.modal-container.has-product-list,
.charge-item-edit .modal-dialog.has-product-list {
    width: 1181px
}

.charge-item-edit-modal-wrap.modal-container .modal-container-left {
    width: 781px;
    float: left
}

.charge-item-edit-modal-wrap.modal-container .modal-container-right {
    width: 0;
    float: left;
    display: none;
    background: #f5f6f8;
    box-shadow: 0 1px 30px 0 rgba(0, 0, 0, .2)
}

.charge-item-edit-modal-wrap.modal-container .modal-container-right.active {
    width: 400px;
    display: block
}

.charge-item-edit-modal-wrap input {
    box-shadow: none
}

.charge-item-edit-modal-wrap .ares-dialog-header {
    background: transparent
}

.charge-item-edit-modal-wrap.modal-container .type-radio {
    font-size: 14px;
    color: #575d6a;
    text-align: left;
    font-weight: normal;
    padding-right: 10px
}

.charge-item-edit-modal-wrap.modal-container .text-font {
    font-size: 14px;
    color: #3d3d3d;
    letter-spacing: 0;
    line-height: 14px
}

.charge-item-edit-modal-wrap.modal-container .auto-width {
    width: auto
}

.charge-item-edit-modal-wrap.modal-container .label-title {
    background-color: #f5f6f8;
    height: 50px;
    line-height: 50px;
    width: 750px;
    text-align: left;
    padding-left: 20px;
    font-size: 16px;
    color: #575d6a;
    font-weight: normal
}

.charge-item-edit-modal-wrap.modal-container .label-title label {
    font-weight: normal
}

.charge-item-edit-modal-wrap.modal-container .column-title {
    width: 10%;
    float: left;
    margin-right: 10px;
    font-size: 14px;
    color: #575d6a;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: normal
}

.charge-item-edit-modal-wrap.modal-container .column-title-lg {
    width: 11%;
    float: left;
    margin-right: 10px;
    font-size: 14px;
    color: #575d6a;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: normal
}

.charge-item-edit-modal-wrap.modal-container .column-context-contianer {
    padding: 0;
    width: 33.3%;
    float: left;
    margin-right: 20px;
    height: 32px
}

.charge-item-edit-modal-wrap.modal-container .column-context {
    font-size: 14px;
    color: #3d3d3d;
    letter-spacing: 0;
    line-height: 14px;
    width: 100%;
    height: 100%;
    font-weight: normal
}

.charge-item-edit-modal-wrap.modal-container .column-context-sm {
    width: 11.5%;
    float: left;
    margin-right: 20px;
    height: 32px;
    font-weight: normal
}

.charge-item-edit-modal-wrap.modal-container .column-context-md {
    width: 15.3%;
    min-width: 122px;
    float: left;
    margin-right: 20px;
    height: 32px;
    font-weight: normal
}

.charge-item-edit-modal-wrap.modal-container .required {
    color: red
}

.charge-item-edit-modal-wrap.modal-container .config-on {
    background: transparent url(/Content/imgs/config-on-off.png) no-repeat 0 0;
    width: 40px;
    background-size: cover;
    margin-top: 5px;
    height: 18px
}

.charge-item-edit-modal-wrap.modal-container .config-on:hover {
    cursor: pointer
}

.charge-item-edit-modal-wrap.modal-container .config-off {
    background: transparent url(/Content/imgs/config-on-off.png) no-repeat -40px 0;
    width: 40px;
    background-size: cover;
    margin-top: 5px;
    height: 18px
}

.charge-item-edit-modal-wrap.modal-container .config-off:hover {
    cursor: pointer
}

.charge-item-edit-modal-wrap.modal-container .step-continer {
    background: #fff;
    border: 1px solid #e3e3e3;
    width: 748px;
    margin-right: 15px;
    margin-left: 15px
}

.charge-item-edit-modal-wrap.modal-container .step-continer .step-item {
    margin-top: 10px;
    font-weight: normal
}

.charge-item-edit-modal-wrap.modal-container .step-continer .step-item-value {
    margin-top: 10px;
    margin-right: 20px;
    font-weight: normal
}

#btn-select-product {
    color: #00a6c9;
    border: 1px solid #00a6c9;
    width: 138px;
    height: 38px;
    margin-top: 55px;
    margin-bottom: 55px
}

.charge-item-edit-modal-wrap.modal-container .modal-container-left .spu-head {
    border-bottom: 0;
    margin-left: -20px;
    margin-right: -3px;
    border: 1px solid #e3e3e3
}

.charge-item-edit-modal-wrap.modal-container .modal-container-left .spu-head .spu-img-body {
    padding-right: 0
}

.charge-item-edit-modal-wrap.modal-container .modal-container-left .spu-head .spu-img-body .spu-img {
    height: 110px;
    width: 110px;
    text-align: center;
    background-color: #fff;
    margin: 10px
}

.charge-item-edit-modal-wrap.modal-container .modal-container-left .spu-head .spu-img-body .spu-img img {
    width: 100%;
    height: 100%
}

.charge-item-edit-modal-wrap.modal-container .modal-container-left .spu-head .sup-info {
    padding-left: 0;
    margin-left: 20px
}

.charge-item-edit-modal-wrap.modal-container .modal-container-left .spu-head .sup-info .title {
    color: #2f2e2e;
    font-size: 18px;
    width: auto;
    margin: 10px 0 4px;
    letter-spacing: 0;
    text-align: left;
    position: relative;
    float: left;
    max-width: 85%
}

.charge-item-edit-modal-wrap.modal-container .modal-container-left .spu-head .sup-info .spec {
    color: #575d6a;
    line-height: 1.5em;
    float: left;
    padding-left: 0;
    margin: 2px 0;
    font-size: 14px;
    letter-spacing: 0;
    text-align: left;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.charge-item-edit-modal-wrap.modal-container .modal-container-left .spu-head-category-price {
    background: #f5f6f8;
    border-top: none;
    padding: 10px
}

.charge-item-edit-modal-wrap.modal-container .modal-container-left .spu-head-category-price .sup-info .spec {
    padding-top: 5px
}

.charge-item-edit-modal-wrap.modal-container .modal-container-left .spu-head-category-price .sup-info .spec.config-icon {
    margin-top: 9px;
    margin-left: 10px
}

.charge-item-edit-modal-wrap.modal-container .modal-container-left .spu-head-category-price input {
    border-color: #e3e3e3
}

.charge-item-edit-modal-wrap .product-empty-tips-btn {
    height: 180px;
    line-height: 180px
}

.charge-item-edit-modal-wrap .product-empty-tips {
    height: 180px;
    width: 750px;
    background: #f5f6f8;
    border: 1px solid #d6d9df;
    margin-top: 10px
}

.charge-item-edit-modal-wrap .column-title {
    padding-top: 10px
}

.charge-item-edit-modal-wrap .product-empty-tips .ares-empty-list-hint .empty-list-hint-img {
    margin-top: -60px
}

.charge-item-edit-modal-wrap .product-empty-tips .ares-empty-list-hint .hint {
    margin-top: 42px
}

.charge-item-edit-modal-wrap .ares-dialog-body {
    padding-bottom: 0
}

.charge-item-edit-modal-wrap .ares-dialog-header .icon-guanbi {
    background: none;
    font-size: 20px;
    border: none;
    color: #9397a2
}

.charge-item-edit-modal-wrap .replace-product {
    color: #00a6c9;
    font-size: 14px;
    letter-spacing: 0;
    text-align: left;
    text-decoration: underline;
    cursor: pointer;
    float: left;
    margin-top: 13px;
    margin-left: 10px
}